#previewImg{
  overflow: hidden;
  display: none;
  .coverBox {
    width: 100%;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 10;
    background-color: #000000;
  }
  .main{
    position:fixed;
    top:0;
    z-index:11;
    width:100%;
    p{
      color:#ffffff;
      padding-left:20px;
      width:100%;
      text-align: left;
      margin-top:20px;
      position:relative;
      i{
        position:absolute;
        right:10px;
        width:20px;
        height:20px;
        background: url("../img/web_icon.png") no-repeat -60px -73px;
      }
      .total{
        text-align: center;
        line-height: 20px;
        border-radius:50%;
        display: inline-block;
        width:20px;
        height:20px;
        background-color: #F29FB3;
        color:#ffffff;
      }
    }
    .imgs{
      width:100%;
      height:400px;
      margin-top:30px;
      position: relative;
      overflow: hidden;
      ul{
        width:100%;
        height:100%;
        overflow: visible;
        position: absolute;
        z-index: 1;
        li{
          display:none;position:absolute; left:0; top:0; width: 100%;height:100%; overflow: hidden;
          img{
            width:100%;max-width: 100%; height:100%;display: block
          }
        }
        li.active{display: block;}
      }
    }
  }
}
